<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>排课向导</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/static/css/font.css">
    <link rel="stylesheet" href="/static/css/xadmin.css">
    <script src="/static/js/jquery.min.js" charset="utf-8"></script>
    <script src="/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/js/xadmin.js"></script>
</head>
<body>
<div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <form id="form" class="layui-form layui-col-space5" action="/student/list">
                        <div class="layui-card-body ">
                            <div class="layui-inline layui-show-xs-block">
                                <input type="text" th:value="${student.studentCode}" name="realName"  placeholder="请输入学生编码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="layui-card-header">
                    <div class="layui-btn" onclick="attendClass()"><i class="layui-icon"></i>添加</div>
                    <div class="layui-btn" onclick="xadmin.open('修改学生信息','/system/user/0',800,500)"><i class="layui-icon"></i>修改</div>
                    <!--<div class="layui-btn" onclick="xadmin.open('删除学生信息','/system/user/0',800,500)"><i class="layui-icon"></i>删除</div>-->
                    <div class="layui-btn" onclick="xadmin.open('学生流转','/system/user/0',800,500)"><i class="layui-icon"></i>学生流转</div>
                </div>
                <div class="layui-card-body ">
                    <table class="layui-table layui-form">
                        <thead>
                        <tr>
                            <th>
                                <input type="checkbox" name=""  lay-skin="primary">
                            </th>
                            <th >学员编码</th>
                            <th >学员姓名</th>
                            <th >家长姓名</th>
                            <th >签单日期</th>
                            <th >在读学校</th>
                            <th >当前年级</th>
                            <th >归属学管</th>
                            <th >家长手机号</th>
                            <th >状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="student:${pageInfo.list}">
                            <td >
                                <input type="checkbox"  name="checkstudent"  th:value="${student.id}" lay-skin="primary">
                            </td>
                            <td th:text="${student.studentCode}"></td>
                            <td th:text="${student.studentName}"></td>
                            <td th:text="${student.studentParent}"></td>
                            <td th:text="${#dates.format(student.createTime, 'yyyy-MM-dd')}"></td>
                            <td th:text="${student.school}"></td>
                            <td th:text="${student.gradeDesc}"></td>
                            <td th:text="${student.teacherName}"></td>
                            <td th:text="${student.parentPhone}"></td>
                            <td th:if="${student.extand1 == '0'}" th:text="新建"></td>
                            <td th:if="${student.extand1 == '1'}" th:text="绑定订单"></td>
                            <td th:if="${student.extand1 == '2'}" th:text="财务确认"></td>
                            <td th:if="${student.extand1 == '-2'}" th:text="财务驳回"></td>
                            <td th:if="${student.extand1 == '3'}" th:text="教管分配"></td>
                            <td th:if="${student.extand1 == '4'}" th:text="学管接收"></td>
                            <td class="td-manage">
                                <a title="绑定订单"  th:if="${student.extand1 == '0'}"  th:onclick="${'bandingOrder(''this'','''+student.id+''','''+student.extand1+''')'}"   href="javascript:;">
                                    <i class="layui-icon">&#xe698;</i>
                                </a>
                                <a title="已绑订单查询"  th:if="${student.extand1 == '1'}"  th:onclick="${'bandingOrder(''this'','''+student.id+''','''+student.extand1+''')'}"   href="javascript:;">
                                    <i class="layui-icon">&#xe60a;</i>
                                </a>

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="layui-card-body ">
                    <div>
                        <input type="hidden" id="pageTotal" th:value="${pageInfo.total}"/>
                        <input type="hidden" id="pageNum"   th:value="${pageInfo.pageNum}" name = "pageNum"/>
                        <input type="hidden" id="pageSize"   th:value="${pageInfo.pageSize}" name = "pageSize"/>
                        <center id="mylayPage" >
                        </center>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    function search(){
        $("#pageNum").val(1);
        $("#form").submit();
    }

    layui.use('laypage', function(){
        var laypage = layui.laypage;
        laypage.render({
            elem: 'mylayPage'
            ,count: $("#pageTotal").val()
            ,limit: $("#pageSize").val()
            ,limits:[5,10,15,20,30]
            ,curr :$("#pageNum").val()
            ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
            ,
            jump: function(obj, first){

                if(!first){
                    $("#pageNum").val(obj.curr);
                    $("#pageSize").val(obj.limit);
                    $("#form").submit();
                }
            }
        });
    });

    /**
     * 弹出排课页面
     *
     */
    function attendClass(){
        var checkedStudentIds = $("input[type='checkbox']:checked");
        var studentids = "";
        for(var i = 0 ; i < checkedStudentIds.length; i ++){
            if(studentids == ""){
                studentids = $(checkedStudentIds[i]).val();
            }else{
                studentids += ","+$(checkedStudentIds[i]).attr("value");
            }
        }
        xadmin.open('添加排课计划','/scheduleclass/attendClass/plan/'+studentids,800,500)
    }

    layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });

    /*用户-停用*/
    function member_stop(obj,id){

        layer.confirm('确认要停用吗？',function(index){

            if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

            }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
            }

        });
    }

    /**
     *  给学生绑定订单
     */
    function bandingOrder(o,id,status){
        if(status != '0'){
            layer.alert("只有状态为新建的记录才可绑定订单");
            return;
        }
        layer.confirm('确认绑定订单？',function(index){
            //直接跳转大订单表单页面
            window.location.href="/order/add/"+id
        });



    }

    /*用户-删除*/
    function member_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                url:"/system/user/"+id,
                type:"delete",
                dateType:'json',
                data:{
                },
                success:function(result){

                    if(result.code == 0){
                        layer.alert("删除成功",{icon:6},function(){
                            //关闭当前frame
                            //xadmin.close();
                            // 可以对父窗口进行刷新
                            xadmin.father_reload();
                        });

                    }

                }
            });
        });
    }



    function delAll (argument) {

        var data = tableCheck.getData();

        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
    }

</script>

</html>